<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>ITSM后台管理系统</title>
    <link rel="stylesheet" href="../css/four.css">
    <script src="../js/jquery.js"></script>
</head>

<body>
    <div class="bodymax">
        <div class="bleft">
            <ul class="blul">
                <p>市辖区（1926/1978）</p>
                <li class="blli">
                    <p>昌平区（1926/1978）</p>
                    <ol>
                        <li>
                            <a href="">复兴门(1/10)</a>
                        </li>
                        <li>
                            <a href="">复兴门(1/10)</a>
                        </li>
                        <li>
                            <a href="">复兴门(1/10)</a>
                        </li>
                        <li>
                            <a href="">复兴门(1/10)</a>
                        </li>
                        <li>
                            <a href="">复兴门(1/10)</a>
                        </li>
                        <li>
                            <a href="">复兴门(1/10)</a>
                        </li>
                        <li>
                            <a href="">复兴门(1/10)</a>
                        </li>
                        <li>
                            <a href="">复兴门(1/10)</a>
                        </li>
                        <li>
                            <a href="">复兴门(1/10)</a>
                        </li>
                        <li>
                            <a href="">复兴门(1/10)</a>
                        </li>
                        <li>
                            <a href="">复兴门(1/10)</a>
                        </li>
                    </ol>
                </li>
            </ul>
            <ul class="blul">
                <p>市辖区（1926/1978）</p>
                <li class="blli">
                    <p>昌平区（1926/1978）</p>
                    <ol>
                        <li>
                            <a href="">复兴门(1/10)</a>
                        </li>
                        <li>
                            <a href="">复兴门(1/10)</a>
                        </li>
                        <li>
                            <a href="">复兴门(1/10)</a>
                        </li>
                        <li>
                            <a href="">复兴门(1/10)</a>
                        </li>
                        <li>
                            <a href="">复兴门(1/10)</a>
                        </li>
                        <li>
                            <a href="">复兴门(1/10)</a>
                        </li>
                        <li>
                            <a href="">复兴门(1/10)</a>
                        </li>
                        <li>
                            <a href="">复兴门(1/10)</a>
                        </li>
                        <li>
                            <a href="">复兴门(1/10)</a>
                        </li>
                        <li>
                            <a href="">复兴门(1/10)</a>
                        </li>
                        <li>
                            <a href="">复兴门(1/10)</a>
                        </li> 
                    </ol>
                </li>
            </ul>
        </div>
        <!-- right -->
        <div class="bright">
            <div class="content">
                <div class="contentright">
                    <!-- table form-->
                    <form action="" class="formbox">
                        <div class="tabletop">
                            <p class="tabtoptitle">
                                <span>状态：</span>
                                <select name="" id="">
                                    <option value="">故障</option>
                                </select>
                                <span>故障：</span>
                                <select name="" id="">
                                    <option value="">总体</option>
                                </select>
                            </p>
                            <div class="tabtopright">
                                <button>修改监测规则</button>
                                <button>异常巡检</button>
                                <button>全部巡检</button>
                                <button>自动刷新</button>
                                <button>查找附近通道</button>
                            </div>
                        </div>
                        <input type="text" placeholder="输入文本 搜索.." id="sousuo">
                        <h4 class="souh4">拖拽列头到这里以用他分组</h4>
                        <div class="tabdivbox">
                            <table class="formtable" width="100%" border-collapse="collapse" cellpadding="0" cellspacing="0">
                                <tr>
                                    <td>
                                        <input type="checkbox">
                                    </td>
                                    <td>
                                        <select name="" id="">
                                            <option value="">区县</option>
                                        </select>
                                    </td>
                                    <td>
                                        <select name="" id="">
                                            <option value="">名称</option>
                                        </select>
                                    </td>
                                    <td>
                                        <select name="" id="">
                                            <option value="">网络地址</option>
                                        </select>
                                    </td>
                                    <td>
                                        <select name="" id="">
                                            <option value="">告警时间</option>
                                        </select>
                                    </td>
                                    <td>
                                        <select name="" id="">
                                            <option value="">资产小类</option>
                                        </select>
                                    </td>
                                    <td>
                                        <select name="" id="">
                                            <option value="">告警类型</option>
                                        </select>
                                    </td>
                                    <td>
                                        <span>当前状态</span>
                                    </td>
                                    <td>
                                        <select name="" id="">
                                            <option value="">告警信息</option>
                                            <option value="">告警信息1</option>
                                        </select>
                                    </td>
                                    <td>
                                        <span>处置信息</span>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <input type="checkbox">
                                    </td>
                                    <td>
                                        <span>杭州</span>
                                    </td>
                                    <td>
                                        <span>龙凤大道将军府湖南路207号111111111111</span>
                                    </td>
                                    <td>
                                        <span>50.33.57.27</span>
                                    </td>
                                    <td>
                                        <span>07/27 15:42:34</span>
                                    </td>
                                    <td>
                                        <span>智能祥</span>
                                    </td>
                                    <td>
                                        <span>自动告警</span>
                                    </td>
                                    <td>
                                        <img src="" alt="">
                                        <span>离线</span>
                                    </td>
                                    <td>
                                        <span>自动告警(河西区合肥路207号富力中心A座2208)凄凄切切群群群群群群群</span>
                                    </td>
                                    <td>
                                        <span>已创建工单</span>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <input type="checkbox">
                                    </td>
                                    <td>
                                        <span>杭州</span>
                                    </td>
                                    <td>
                                        <span>龙凤大道将军府湖南路207号</span>
                                    </td>
                                    <td>
                                        <span>50.33.57.27</span>
                                    </td>
                                    <td>
                                        <span>07/27 15:42:34</span>
                                    </td>
                                    <td>
                                        <span>智能祥</span>
                                    </td>
                                    <td>
                                        <span>自动告警</span>
                                    </td>
                                    <td>
                                        <img src="" alt="">
                                        <span>离线</span>
                                    </td>
                                    <td>
                                        <span>自动告警(河西区合肥路207号富力中心A座2208)</span>
                                    </td>
                                    <td>
                                        <span>已创建工单</span>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <input type="checkbox">
                                    </td>
                                    <td>
                                        <span>杭州</span>
                                    </td>
                                    <td>
                                        <span>龙凤大道将军府湖南路207号</span>
                                    </td>
                                    <td>
                                        <span>50.33.57.27</span>
                                    </td>
                                    <td>
                                        <span>07/27 15:42:34</span>
                                    </td>
                                    <td>
                                        <span>智能祥</span>
                                    </td>
                                    <td>
                                        <span>自动告警</span>
                                    </td>
                                    <td>
                                        <img src="" alt="">
                                        <span>离线</span>
                                    </td>
                                    <td>
                                        <span>自动告警(河西区合肥路207号富力中心A座2208)</span>
                                    </td>
                                    <td>
                                        <span>已创建工单</span>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <input type="checkbox">
                                    </td>
                                    <td>
                                        <span>杭州</span>
                                    </td>
                                    <td>
                                        <span>龙凤大道将军府湖南路207号</span>
                                    </td>
                                    <td>
                                        <span>50.33.57.27</span>
                                    </td>
                                    <td>
                                        <span>07/27 15:42:34</span>
                                    </td>
                                    <td>
                                        <span>智能祥</span>
                                    </td>
                                    <td>
                                        <span>自动告警</span>
                                    </td>
                                    <td>
                                        <img src="" alt="">
                                        <span>离线</span>
                                    </td>
                                    <td>
                                        <span>自动告警(河西区合肥路207号富力中心A座2208)</span>
                                    </td>
                                    <td>
                                        <span>已创建工单</span>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <input type="checkbox">
                                    </td>
                                    <td>
                                        <span>杭州</span>
                                    </td>
                                    <td>
                                        <span>龙凤大道将军府湖南路207号</span>
                                    </td>
                                    <td>
                                        <span>50.33.57.27</span>
                                    </td>
                                    <td>
                                        <span>07/27 15:42:34</span>
                                    </td>
                                    <td>
                                        <span>智能祥</span>
                                    </td>
                                    <td>
                                        <span>自动告警</span>
                                    </td>
                                    <td>
                                        <img src="" alt="">
                                        <span>离线</span>
                                    </td>
                                    <td>
                                        <span>自动告警(河西区合肥路207号富力中心A座2208)</span>
                                    </td>
                                    <td>
                                        <span>已创建工单</span>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <input type="checkbox">
                                    </td>
                                    <td>
                                        <span>杭州</span>
                                    </td>
                                    <td>
                                        <span>龙凤大道将军府湖南路207号</span>
                                    </td>
                                    <td>
                                        <span>50.33.57.27</span>
                                    </td>
                                    <td>
                                        <span>07/27 15:42:34</span>
                                    </td>
                                    <td>
                                        <span>智能祥</span>
                                    </td>
                                    <td>
                                        <span>自动告警</span>
                                    </td>
                                    <td>
                                        <img src="" alt="">
                                        <span>离线</span>
                                    </td>
                                    <td>
                                        <span>自动告警(河西区合肥路207号富力中心A座2208)</span>
                                    </td>
                                    <td>
                                        <span>已创建工单</span>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <input type="checkbox">
                                    </td>
                                    <td>
                                        <span>杭州</span>
                                    </td>
                                    <td>
                                        <span>龙凤大道将军府湖南路207号</span>
                                    </td>
                                    <td>
                                        <span>50.33.57.27</span>
                                    </td>
                                    <td>
                                        <span>07/27 15:42:34</span>
                                    </td>
                                    <td>
                                        <span>智能祥</span>
                                    </td>
                                    <td>
                                        <span>自动告警</span>
                                    </td>
                                    <td>
                                        <img src="" alt="">
                                        <span>离线</span>
                                    </td>
                                    <td>
                                        <span>自动告警(河西区合肥路207号富力中心A座2208)</span>
                                    </td>
                                    <td>
                                        <span>已创建工单</span>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <input type="checkbox">
                                    </td>
                                    <td>
                                        <span>杭州</span>
                                    </td>
                                    <td>
                                        <span>龙凤大道将军府湖南路207号</span>
                                    </td>
                                    <td>
                                        <span>50.33.57.27</span>
                                    </td>
                                    <td>
                                        <span>07/27 15:42:34</span>
                                    </td>
                                    <td>
                                        <span>智能祥</span>
                                    </td>
                                    <td>
                                        <span>自动告警</span>
                                    </td>
                                    <td>
                                        <img src="" alt="">
                                        <span>离线</span>
                                    </td>
                                    <td>
                                        <span>自动告警(河西区合肥路207号富力中心A座2208)</span>
                                    </td>
                                    <td>
                                        <span>已创建工单</span>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <input type="checkbox">
                                    </td>
                                    <td>
                                        <span>杭州</span>
                                    </td>
                                    <td>
                                        <span>龙凤大道将军府湖南路207号</span>
                                    </td>
                                    <td>
                                        <span>50.33.57.27</span>
                                    </td>
                                    <td>
                                        <span>07/27 15:42:34</span>
                                    </td>
                                    <td>
                                        <span>智能祥</span>
                                    </td>
                                    <td>
                                        <span>自动告警</span>
                                    </td>
                                    <td>
                                        <img src="" alt="">
                                        <span>离线</span>
                                    </td>
                                    <td>
                                        <span>自动告警(河西区合肥路207号富力中心A座2208)</span>
                                    </td>
                                    <td>
                                        <span>已创建工单</span>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <input type="checkbox">
                                    </td>
                                    <td>
                                        <span>杭州</span>
                                    </td>
                                    <td>
                                        <span>龙凤大道将军府湖南路207号</span>
                                    </td>
                                    <td>
                                        <span>50.33.57.27</span>
                                    </td>
                                    <td>
                                        <span>07/27 15:42:34</span>
                                    </td>
                                    <td>
                                        <span>智能祥</span>
                                    </td>
                                    <td>
                                        <span>自动告警</span>
                                    </td>
                                    <td>
                                        <img src="" alt="">
                                        <span>离线</span>
                                    </td>
                                    <td>
                                        <span>自动告警(河西区合肥路207号富力中心A座2208)</span>
                                    </td>
                                    <td>
                                        <span>已创建工单</span>
                                    </td>
                                </tr>

                            </table>
                        </div>


                    </form>
                    <div class="tabbottom">
                        <dl>
                            <dt>第 1 / 4 页（40项）</dt>
                            <dd>
                                <a href="">&lt;&lt;</a>
                                <a href="">&lt;</a>
                                <a href="">1</a>
                                <a href="">2</a>
                                <a href="">3</a>
                                <a href="">4</a>
                                <a href="">&gt;</a>
                                <a href="">&gt;&gt;</a>
                                <a href="">...</a>
                            </dd>
                        </dl>
                        <dl>
                            <dt>页尺寸：</dt>
                            <dd>
                                <select name="" id="">
                                    <option value="">10</option>
                                </select>
                            </dd>
                        </dl>
                    </div>
                </div>
            </div>

            <!-- content -->


        </div>
    </div>


</body>

</html>
<script>
    $(function () {
        //    左边下拉框菜单
        $(".bleft").height($("body").height());
    })
</script>